<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>静态表格</title>
		<link rel="stylesheet" type="text/css" href="layui-v2.5.7/layui/css/layui.css"/>
	</head>
	<body>
		<!-- 表格：layui-table -->
		<table class="layui-table">
		  <colgroup><!-- 列组：设置各列的宽度 -->
		    <col width="150">
		    <col width="200">
		    <col>
		  </colgroup>
		  <thead><!-- 表头（head） -->
		    <tr>
		      <th>昵称</th>
		      <th>加入时间</th>
		      <th>签名</th>
		    </tr> 
		  </thead>
		  <tbody><!-- 表体（body） -->
		    <tr>
		      <td>贤心</td>
		      <td>2016-11-29</td>
		      <td>人生就像是一场修行</td>
		    </tr>
		    <tr>
		      <td>许闲心</td>
		      <td>2016-11-28</td>
		      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
		    </tr>
		  </tbody>
		</table>
		<hr >
		<!--
		 静态表格支持以下基础属性，可定义不同风格/尺寸的表格样式：

             属性名	            属性值	                          备注
            lay-even	        无	                   用于开启 隔行背景(隔行换色)，可与其它属性一起使用
            lay-skin="属性值"	line（行边框风格）
			                    row （列边框风格）      若使用默认风格不设置该属性即可
								nob （无边框风格）	
								
            lay-size="属性值"	sm （小尺寸）
                                lg （大尺寸）	       若使用默认尺寸不设置该属性即可 
        -->
		<table class="layui-table" lay-even lay-skin="row" lay-size="lg">
		  <colgroup>
		    <col width="150">
		    <col width="200">
		    <col>
		  </colgroup>
		  <thead>
		    <tr>
		      <th>昵称</th>
		      <th>加入时间</th>
		      <th>签名</th>
		    </tr> 
		  </thead>
		  <tbody>
		    <tr>
		      <td>贤心</td>
		      <td>2016-11-29</td>
		      <td>人生就像是一场修行</td>
		    </tr>
		    <tr>
		      <td>许闲心</td>
		      <td>2016-11-28</td>
		      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
		    </tr>
		  </tbody>
		</table>
		      
	</body>
</html>
